<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <nav>
        <div class="container">
        <div class="nav-left"></div>
        <div class="nav-center">
            <a href="">
                <img src="img/logo.png" alt="">
            </a>
        </div>
        <div class="nav-right">
            <a href="">
                <span>SIGN IN</span>
                <img src="img/user.png" alt="">
            </a>
        </div>
        </div>
    </nav>
    <div class="banner">
        <div class="container">
        <div class="col">
            <p>SQUARE POINT OF SALE</p>
            <h1>The POS software that's simple,powerful, and free.</h1>
            <a href="">GET STARTED</a>
        </div>
        <div class="col">
            <img src="img/banner.png" alt="">
        </div>
        </div>
    </div>
</header>
<main>
    <div class="container">
        <div class="col">
            <img src="img/Download.png" alt="">
            <h3>Downloned free</h3>
            <p>In the biology class, my teacher likes to assign tasks to us. As a result, we always need a partner to finish homework. It is hard to find a suitable partner. I have changed many partners until I met Lucy. Lucy was a new student here. She just came to this class </p>
        </div>
        <div class="col">
            <img src="img/Grow.png" alt="">
            <h3>Downloned free</h3>
            <p>In the biology class, my teacher likes to assign tasks to us. As a result, we always need a partner to finish homework. It is hard to find a suitable partner. I have changed many partners until I met Lucy. Lucy was a new student here. She just came to this class </p>
        </div>
        <div class="col">
            <img src="img/Powerful.png" alt="">
            <h3>Downloned free</h3>
            <p>In the biology class, my teacher likes to assign tasks to us. As a result, we always need a partner to finish homework. It is hard to find a suitable partner. I have changed many partners until I met Lucy. Lucy was a new student here. She just came to this class </p>
        </div>
        <div class="col">
            <img src="img/Upgrades.png" alt="">
            <h3>Downloned free</h3>
            <p>In the biology class, my teacher likes to assign tasks to us. As a result, we always need a partner to finish homework. It is hard to find a suitable partner. I have changed many partners until I met Lucy. Lucy was a new student here. She just came to this class </p>
        </div>
    </div>
        <div class="download">
        <div class="container">
        <h2>I find it a good way to relax myself.</h2>
        <p>I find it a good way to relax myself.Of course, I help my parents with the housework</p>
        <p>
            <a href=""><img src="img/appstore.png" alt=""></a>
            <a href=""><img src="img/google.png" alt=""></a>
        </p>
    </div>
        </div>
</main>
<footer>
<div class="container">
    <p>&copy;Spuare Inc.</p>
</div>
</footer>
</body>
</html>